<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>莫翠连--用户登录</title>
    <link type="text/css" rel="stylesheet" href="css/login.css">
 
	<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
	<script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/login.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    
    <!-- 标题 -->
    <div id="header">
    	<div class="logo">
    		<a href="home.html"><img src="img/form/logo.png"/></a>
    	</div>    
    </div>
    
	 <div id="login-container">
	 	<div id="left">
	 		<img src="img/form/contentImage.png"/>
	 	</div>
	 	
	 	<div id="right">
		    <form action="#" method="post">
				 <div class="title"><h1>用户登录</h1></div>
		        <!-- 会员名 -->
		        <div>
		            <label for="name">  账户名： </label>
					 <input type="text" name="name" class="text" id="name" />
		        </div>
		
		        <!-- 密码 -->
		        <div>
		            <label for="pass">密码：<a href="#">忘记密码?</a></label>	            
		            <input type="password" name="psw" class="text" id="pass"/>	
		        </div>
		        	        
				<div class="remberText">
					<input type="checkbox" id="" value="" /><span>记住账户名</span>
				</div>
		        <div class="login_btn">
		            <input class="btn" type="button" value="登&nbsp;录"  />
		        </div>
		        <div class="loginText">
		        	<a href="#" class="openaccount">激活账户</a><a href="register.html" class="register">免费注册</a>
		        </div>
		        <div class="extraLogin">
		        	<p>使用合作的网站账号登录</p>
		        	<ul>
		        		<li class="bai"><a href="#">百度</a></li>
		        		<li class="qq"><a href="#">QQ</a></li>
		        		<li class="wei"><a href="#">微信</a></li>
		        	</ul>
		        </div>
		    </form>		
	 	</div>
	 </div>

</body>
</html>